<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.11.3.min.js"></script>
</head>
<script type="text/javascript">
/**
 * 可以发现这个方法存在弊端，因为他的方法是可以变的，一会儿是post一会儿是get
 */
	$(function(){
		$("#btn").click(function(){
			var url="${pageContext.request.contextPath}/Jqueryload";
			var params="username=张三";
			//var params={"username":"李四"};
			
			//了解这是load的方式
			/*
			$(this).load(url,params,function(d){
				//alert(d);
			});
			*/
			
			//常用这是get的方式
			/*
			$.get(url,params,function(d){
				alert(d);
			});
			*/
			
			//常用post方法
			/*
			$.post(url,params,function(d){
				alert(d);   //d指的是success
			});
			*/
			
			//post方法的json格式
			/*
			$.post(url,params,function(d){
				alert(d.msg);   
			},"json");     //打印出来的是响应成功
			*/
			
			//理解ajax方式
			$.ajax({
				url:url,
				type:"post",
				data:params,
				success:function(d){
					alert(d.msg);
				},
				error:function(){},
				dataType:"json"
			});
		});
	})
</script>
<body>
<input type="button" value="点我" id="btn"/>
</body>
</html>